<!DOCTYPE html>
<html lang="ch">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">

	<link rel="shortcut icon" href="/images/s.ico" type="image/x-icon">
	<link rel="stylesheet" href="/css/reset.css">
	<link rel="stylesheet" href="/css/index.css">
	<link rel="stylesheet" href="/css/common.css">
	<title>青竹</title>
</head>

<body>
	<!-- 顶部栏 -->
	<div class="header">
		<!-- 顶部栏版心 -->
		<div class="inner_c header_c">
			<!-- 所有类别弹出栏 -->
			<div id="all-type" class="all-type">
				<!-- 所有类别 -->
				<div class="fix-width">
					<ul class="type-left">
						<li>
							<a href="allproducts.html">不锈钢</a>
						</li>
						<li>
							<a href="allproducts.html">原料水泥</a>
						</li>
						<li>
							<a href="allproducts.html">塑料</a>
						</li>
						<li>
							<a href="allproducts.html">木制</a>
						</li>
						<li>
							<a href="allproducts.html">陶瓷</a>
						</li>
					</ul>
					<div class="type-right">
						<ul>
							<li>
								<a href="detail.html" class="goods-link" target="_blank" title="简约原木餐盘">
									<img src="/images/img25.png" alt="简约原木餐盘">
								</a>
								<a href="detail.html" class="goods-title" title="简约原木餐盘" target="_blank">简约原木餐盘</a>
								<div class="price">
									<span>￥300.00</span>
								</div>
								<a href="detail.html" class="mask">
									<span>查看详情</span>
								</a>
							</li>
							<li>
								<a href="detail.html" class="goods-link" target="_blank" title="不锈钢时尚咖啡水壶">
									<img src="/images/img26.png" alt="不锈钢时尚咖啡水壶">
								</a>
								<a href="detail.html" class="goods-title" title="不锈钢时尚咖啡水壶" target="_blank">不锈钢时尚咖啡水壶</a>
								<div class="price">
									<span>￥400.00</span>
								</div>
								<a href="detail.html" class="mask">
									<span>查看详情</span>
								</a>
							</li>
							<li>
								<a href="detail.html" class="goods-link" target="_blank" title="经典系列红色时钟">
									<img src="/images/img103.png" alt="经典系列红色时钟">
								</a>
								<a href="detail.html" class="goods-title" title="经典系列红色时钟" target="_blank">经典系列红色时钟</a>
								<div class="price">
									<span>￥580.00</span>
								</div>
								<a href="detail.html" class="mask">
									<span>查看详情</span>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 左边导航栏 -->
			<div class="topnav-left">
				<div class="logo">
					<a href="index.html">
						<img src="/images/logo.png" alt="logo">
					</a>
				</div>
				<ul>
					<li id="show-all-type">
						<a href="javascript:void(0)">查看所有类别</a>
					</li>
					<li>
						<a href="index.html">首页</a>
					</li>
					<li>
						<a href="allproducts.html">所有产品</a>
					</li>
					<li>
						<a href="blog.html">博客</a>
					</li>
					<li>
						<a href="article.html">文章列表</a>
					</li>
				</ul>
			</div>
			<!-- 右边导航栏 -->
			<div class="topnav-right">
				<!-- 搜索栏 -->
				<a href="javascript:void(0)" class="search"></a>
				<a href="login.html" class="topnav-right-font">登录</a>
				<span class="topnav-right-font">|</span>
				<a href="register.html" class="topnav-right-font">注册</a>
				<!-- 购物车和购物车详情 -->
				<div class="shop-cart-and-cart-detail">
					<!-- 购物车 -->
					<div class="shop-cart">
						<span class="cart-icon"></span>
						<span class="cart-number">0</span>
					</div>
					<!-- 购物车详情-->
					<div class="cart-detail">
						<p class="con">0件商品 共计：<span>￥0</span></p>
						<a href="shopcart.html" class="btn">结算</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 顶部栏结束 -->

	<div class="banner">
		<ul class="pic">
			<li class="cur"><a href="javascript:void(0)"><img src="/images/img11.png" alt=""></a></li>
			<li><a href="javascript:void(0)"><img src="/images/img12.png" alt=""></a></li>
			<li><a href="javascript:void(0)"><img src="/images/img13.png" alt=""></a></li>
		</ul>
		<ol class="circle">
			<li class="cur"></li>
			<li></li>
			<li></li>
		</ol>
	</div>
	<!-- banner部分结束 -->
	<!-- qingzhu_content部分开始 -->
	<div class="qingzhu_content">
		<div class="qingzhu_content_c inner_c">
			<div class="pro1">
				<div class="title">
					<h2><a href="javascript:void(0)">新品推荐，精心挑选</a></h2>
					<p class="info">家居必备使用小单品</p>
				</div>
				<div class="pro_pic">
					<div class="pro_c">
						<ul>
							<li>
								<a href="javascript:void(0)">
									<img src="/images/img23.png" alt="">
									<div class="cont">
										<h3>黑陶自然花香蜡烛</h3>
										<span>￥300</span>
									</div>
								</a>
							</li>
							<li>
								<a href="javascript:void(0)">
									<img src="/images/img24.png" alt="">
									<div class="cont">
										<h3>黑陶自然花香蜡烛</h3>
										<span>￥300</span>
									</div>
								</a>
							</li>
							<li>
								<a href="javascript:void(0)">
									<img src="/images/img25.png" alt="">
									<div class="cont">
										<h3>黑陶自然花香蜡烛</h3>
										<span>￥300</span>
									</div>
								</a>
							</li>
							<li>
								<a href="javascript:void(0)">
									<img src="/images/img26.png" alt="">
									<div class="cont">
										<h3>黑陶自然花香蜡烛</h3>
										<span>￥300</span>
									</div>
								</a>
							</li>
						</ul>
					</div>
					<div class="btns">
						<a href="javascript:void(0)" class="leftBtn">&lt;</a>
						<a href="javascript:void(0)" class="rightBtn">&gt;</a>
					</div>
				</div>
			</div>
			<div class="pro2">
				<div class="title">
					<h2><a href="javascript:void(0)">专题活动，限时促销</a></h2>
					<p class="info">严选材质，用心设计</p>
				</div>
				<div class="pro2_c">
					<ul class="pro2_c_pic">
						<li class="pic1 pic">
							<a href="javascript:void(0)">
								<img src="/images/img31.jpg" alt="">
							</a>
							<span></span>
						</li>
						<li class="pic2 pic">
							<a href="javascript:void(0)">
								<img src="/images/img32.jpg" alt="">
							</a>
							<span></span>
						</li>
						<li class="pic3 pic">
							<a href="javascript:void(0)">
								<img src="/images/img33.jpg" alt="">
							</a>
							<span></span>
						</li>
					</ul>
				</div>
			</div>
			<div class="pro3">
				<div class="title">
					<h2><a href="javascript:void(0)">青竹良品，你的家居首选</a></h2>
					<p class="info">天然之源，诚挚之礼</p>
				</div>
				<div class="pro3_c">
					<ul class="pub_pro">
						<li>
							<a href="javascript:void(0)">
								<img src="/images/img40.jpg" alt="">
							</a>
							<div class="mask"></div>
						</li>
						<li>
							<a href="javascript:void(0)">
								<img src="/images/img41.png" alt="">
								<div class="cont">
									<h3>简约时尚水泥花瓶</h3>
									<span>￥450</span>
								</div>
							</a>
							<div class="mask">
								<a href="javascript:void(0)" class="btn">
									查看详情
								</a>
							</div>
						</li>

						<li>
							<a href="javascript:void(0)">
								<img src="/images/img42.png" alt="">
								<div class="cont">
									<h3>简约时尚水泥花瓶</h3>
									<span>￥450</span>
								</div>
							</a>
							<div class="mask">
								<a href="javascript:void(0)" class="btn">
									查看详情
								</a>
							</div>
						</li>
						<li>
							<a href="javascript:void(0)">
								<img src="/images/img43.png" alt="">
								<div class="cont">
									<h3>简约时尚水泥花瓶</h3>
									<span>￥450</span>
								</div>
							</a>
							<div class="mask">
								<a href="javascript:void(0)" class="btn">
									查看详情
								</a>
							</div>
						</li>
						<li>
							<a href="javascript:void(0)">
								<img src="/images/img44.png" alt="">
								<div class="cont">
									<h3>简约时尚水泥花瓶</h3>
									<span>￥450</span>
								</div>
							</a>
							<div class="mask">
								<a href="javascript:void(0)" class="btn">
									查看详情
								</a>
							</div>
						</li>
					</ul>
					<ul class="pub_pro">
						<li>
							<a href="javascript:void(0)">
								<img src="/images/img45.jpg" alt="">
							</a>
							<div class="mask">
							</div>
						</li>
						<li>
							<a href="javascript:void(0)">
								<img src="/images/img46.png" alt="">
								<div class="cont">
									<h3>简约时尚水泥花瓶</h3>
									<span>￥450</span>
								</div>
							</a>
							<div class="mask">
								<a href="javascript:void(0)" class="btn">
									查看详情
								</a>
							</div>
						</li>

						<li>
							<a href="javascript:void(0)">
								<img src="/images/img47.png" alt="">
								<div class="cont">
									<h3>简约时尚水泥花瓶</h3>
									<span>￥450</span>
								</div>
							</a>
							<div class="mask">
								<a href="javascript:void(0)" class="btn">
									查看详情
								</a>
							</div>
						</li>
						<li>
							<a href="javascript:void(0)">
								<img src="/images/img48.png" alt="">
								<div class="cont">
									<h3>简约时尚水泥花瓶</h3>
									<span>￥450</span>
								</div>
							</a>
							<div class="mask">
								<a href="javascript:void(0)" class="btn">
									查看详情
								</a>
							</div>
						</li>
						<li>
							<a href="javascript:void(0)">
								<img src="/images/img49.png" alt="">
								<div class="cont">
									<h3>简约时尚水泥花瓶</h3>
									<span>￥450</span>
								</div>
							</a>
							<div class="mask">
								<a href="javascript:void(0)" class="btn">
									查看详情
								</a>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="pro4">
				<div class="title">
					<h2><a href="javascript:void(0)">全球大牌优选，买手用心挑选</a></h2>
					<p class="info">全球好货，原装正品</p>
				</div>
				<div class="por4_top">
					<div class="pic1 pic">
						<img src="/images/img51.jpg" alt="">
						<span></span>
					</div>
					<div class="pic2">
						<div class="top pic">
							<img src="/images/img52.jpg" alt="">
							<span></span>
						</div>
						<div class="bottom pic">
							<img src="/images/img53.jpg" alt="">
							<span></span>
						</div>
					</div>
					<div class="pic3 pic">
						<img src="/images/img54.jpg" alt="">
						<span></span>
					</div>
				</div>
				<div class="pro4_bottom">
					<ul class="pro4_c">
						<li>
							<div class="pic">
								<a href="javascript:void(0)">
									<img src="/images/img55.png" alt="">
								</a>
							</div>
							<p class="cont">
								<a href="javascript:void(0)">
									自然生活，精选用料
								</a>
							</p>
						</li>
						<li>
							<div class="pic">
								<a href="javascript:void(0)">
									<img src="/images/img56.png" alt="">
								</a>
							</div>
							<p class="cont">
								<a href="javascript:void(0)">
									自然生活，精选用料
								</a>
							</p>
						</li>
						<li>
							<div class="pic">
								<a href="javascript:void(0)">
									<img src="/images/img57.png" alt="">
								</a>
							</div>
							<p class="cont">
								<a href="javascript:void(0)">
									自然生活，精选用料
								</a>
							</p>
						</li>
						<li>
							<div class="pic">
								<a href="javascript:void(0)">
									<img src="/images/img58.png" alt="">
								</a>
							</div>
							<p class="cont">
								<a href="javascript:void(0)">
									自然生活，精选用料
								</a>
							</p>
						</li>
						<li>
							<div class="pic">
								<a href="javascript:void(0)">
									<img src="/images/img59.png" alt="">
								</a>
							</div>
							<p class="cont">
								<a href="javascript:void(0)">
									自然生活，精选用料
								</a>
							</p>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- qingzhu_content部分结束 -->
	<!-- liangpin部分开始 -->
	<div class="liangpin">
		<div class="liangpin_c inner_c">
			<div class="title">
				<h2><a href="javascript:void(0)">良品体验</a></h2>
				<p class="info">用户反馈，是我们改进的目标</p>
			</div>
			<div class="lp_pro">
				<ul>
					<li>
						<a href="javascript:void(0)" title="">
							<img src="/images/img61.png" alt="">
						</a>
						<div class="cont">
							<div class="tit">
								<h4>天草陶石咖啡杯套装</h4>
								<span>￥299</span>
							</div>
							<p class="info">
								使用了粉碎高品质的天草陶石后提炼而成的土，制作了泛着淡青色的白瓷。用餐时可以记住食品名称、体会新鲜口味···可对颜色和口味、气味、口感逐个品味，从中感受用餐的乐趣，同时还可自然而然地了解日本饮食文化
							</p>
							<p class="time">
								<span>alice</span>
								<span>2016-12-16</span>
								<span>09:59</span>
							</p>
						</div>
					</li>
					<li>
						<a href="javascript:void(0)" title="">
							<img src="/images/img62.png" alt="">
						</a>
						<div class="cont">
							<div class="tit">
								<h4>天草陶石咖啡杯套装</h4>
								<span>￥299</span>
							</div>
							<p class="info">
								使用了粉碎高品质的天草陶石后提炼而成的土，制作了泛着淡青色的白瓷。用餐时可以记住食品名称、体会新鲜口味···可对颜色和口味、气味、口感逐个品味，从中感受用餐的乐趣，同时还可自然而然地了解日本饮食文化
							</p>
							<p class="time">
								<span>alice</span>
								<span>2016-12-16</span>
								<span>09:59</span>
							</p>
						</div>
					</li>
					<li>
						<a href="javascript:void(0)" title="">
							<img src="/images/img63.png" alt="">
						</a>
						<div class="cont">
							<div class="tit">
								<h4>天草陶石咖啡杯套装</h4>
								<span>￥299</span>
							</div>
							<p class="info">
								使用了粉碎高品质的天草陶石后提炼而成的土，制作了泛着淡青色的白瓷。用餐时可以记住食品名称、体会新鲜口味···可对颜色和口味、气味、口感逐个品味，从中感受用餐的乐趣，同时还可自然而然地了解日本饮食文化
							</p>
							<p class="time">
								<span>alice</span>
								<span>2016-12-16</span>
								<span>09:59</span>
							</p>
						</div>
					</li>
					<li>
						<a href="javascript:void(0)" title="">
							<img src="/images/img64.png" alt="">
						</a>
						<div class="cont">
							<div class="tit">
								<h4>天草陶石咖啡杯套装</h4>
								<span>￥299</span>
							</div>
							<p class="info">
								使用了粉碎高品质的天草陶石后提炼而成的土，制作了泛着淡青色的白瓷。用餐时可以记住食品名称、体会新鲜口味···可对颜色和口味、气味、口感逐个品味，从中感受用餐的乐趣，同时还可自然而然地了解日本饮食文化
							</p>
							<p class="time">
								<span>alice</span>
								<span>2016-12-16</span>
								<span>09:59</span>
							</p>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- liangpin部分结束 -->
	<!-- footer部分开始 -->
	<div class="footer">
		<div class="footer_c inner_c">
			<div class="footer_top">
				<div class="bir">
					<a href="javascript:void(0)">
						<img src="/images/logo.png" alt="">
					</a>
					<div class="info">
						青竹良品原创生活类电商品牌，秉承一贯的严谨态度，我们深入世界各地，从源头全程严格把控商品生产环节，力求帮消费者甄选到最优质的商品，全线采用天然原材料，控制甲醛低量无害，采用进口工艺，国际生产线不断优化，食材保证核心原产地新鲜直供，让你享受品质生活
					</div>
				</div>
				<div class="about">
					<dl>
						<dt>
							<a href="javascript:void(0)">关于我们</a>
						</dt>
						<dd>
							<a href="javascript:void(0)">我的品牌</a>
						</dd>
						<dd>
							<a href="javascript:void(0)">公司动态</a>
						</dd>
						<dd>
							<a href="javascript:void(0)">经历发展</a>
						</dd>
						<dd>
							<a href="javascript:void(0)">商品推广</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href="javascript:void(0)">支付方式</a>
						</dt>
						<dd>
							<a href="javascript:void(0)">微信支付</a>
						</dd>
						<dd>
							<a href="javascript:void(0)">支付宝</a>
						</dd>
						<dd>
							<a href="javascript:void(0)">百度钱包</a>
						</dd>
						<dd>
							<a href="javascript:void(0)">货到付款</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href="javascript:void(0)">相关服务</a>
						</dt>
						<dd>
							<a href="javascript:void(0)">退货政策</a>
						</dd>
						<dd>
							<a href="javascript:void(0)">购物流程</a>
						</dd>
						<dd>
							<a href="javascript:void(0)">客服服务</a>
						</dd>
						<dd>
							<a href="javascript:void(0)">商务合作</a>
						</dd>
					</dl>
				</div>
				<div class="ewm">
					<p class="wx">
						<img src="/images/img71.png" alt="">
						<span>微信公众号</span>
					</p>
					<p class="wb">
						<img src="/images/img72.png" alt="">
						<span>微博公众号</span>
					</p>
				</div>
			</div>
		</div>
		<div class="footer_bar">
			<div class="footer_bar_c inner_c">
				<div class="pay">
					<p class="copy">
						2019 © youhaosuda.com
					</p>
					<p class="ico">
						<a href="javascript:void(0)">
							<img src="/images/img81.png" alt="">
						</a>
						<a href="javascript:void(0)">
							<img src="/images/img82.png" alt="">
						</a>
						<a href="javascript:void(0)">
							<img src="/images/img83.png" alt="">
						</a>
						<a href="javascript:void(0)">
							<img src="/images/img84.png" alt="">
						</a>
						<a href="javascript:void(0)">
							<img src="/images/img85.png" alt="">
						</a>
						<a href="javascript:void(0)">
							<img src="/images/img86.png" alt="">
						</a>
						<a href="javascript:void(0)">
							<img src="/images/img87.png" alt="">
						</a>
					</p>
				</div>
				<div class="super">
					<a href="javascript:void(0)" class="pic1">

					</a>
					<a href="javascript:void(0)" class="pic2">

					</a>
					<a href="javascript:void(0)" class="pic3">

					</a>
				</div>
			</div>
		</div>
	</div>

	<!-- 返回顶部 -->
	<div class="lingpin_top">
		<a href="javascript:void(0)" class="qq">QQ<br />客服</a>
		<a href="javascript:void(0)" class="wx">微信<br />客服</a>
		<a href="javascript:void(0)" class="top_c">↑</a>
	</div>

	<script src="/js/jquery-3.3.1.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function () {
			$("#show-all-type").hover(function () {
				$("#all-type").show()
			}, function () {
				$("#all-type").hide()
			});
			$("#all-type").hover(function () {
				$("#all-type").show()
			}, function () {
				$("#all-type").hide()
			})
		})
	</script>
</body>

</html>